@charset "UTF-8";
*::-moz-selection{background-color: #61b400; color:#fff;}
::selection{background-color: #61b400; color:#fff;}
body{ font-weight: 500; font-family:Verdana,sans-serif,Arial; font-size:14px; margin:0; padding:0; color:#483521;}
h1,h2,h3,h4,h5,p,span,a,i,b,ul,li,img{ margin:0; padding:0; list-style: none; }
h1,h2,h3,h4,h5{ font-weight: 300; }
a,a:hover{ text-decoration: none; }
img{ border:0; vertical-align:middle; }
.clearfix{ clear: both; content:"."; height: 0; display: block; visibility: hidden; }
.container{ width:1000px; margin:0 auto; padding:0; }
.fl{ float:left; }
.fr{ float:right; }
.top,.footer,.S-footer{clear:both; background: url(../images/footbg.gif) repeat; height:32px; line-height: 32px; color:#fff; border-bottom: 1px solid #57a100; }
.head{ background: url(../images/headbg.gif) repeat; height: 135px; border-bottom: 1px solid #d3cdae; }
.logo{ margin:8px 0; }
.search{ background: url(../images/searchbg.png) no-repeat; width: 300px; height: 30px; margin:20px 0 0 0; }
.searchInput{ float:left; width:220px; height: 28px; border:0; background: none; margin:0 0 0 15px; text-transform: uppercase; line-height: 28px; }
.searchBtn{ float:right; margin:2px 24px 0 0; background: url(../images/search.png) no-repeat; width:24px; height: 24px; border:0; text-indent: 300px; }
.menu{ display: block; *width:690px; margin:40px 0 0 0; }
.menu ul{ list-style: none; }
.menu ul li{float:left; display:block; margin:0 0 0 2px; position:relative; z-index: 6; }
.menu ul li a{color:#572e00; padding:6px 10px; font-size:16px;}
.menu ul li a:hover,.menu a.current{ color:#fff; background: #61b400; border-bottom:3px solid #7fc500; }

.submenu{ position:absolute; display: none; width:150px; background-color: #56a000; z-index: 5; left:0; top:27px; }
.menu .submenu a{ float:left; width:130px; color:#fff; line-height: 1.2; border-bottom:1px dashed #7fc500; }
.menu .submenu a:hover{ background: #7fc500; color:#fff;line-height: 1.2; }
/*banner*/
.banner{ background:url(../images/banner.gif) repeat-x; margin:0;  padding:0; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img{ text-align: center; margin:0 auto; }
.carousel-control.right,.carousel-control.left{ background: none; top:140px; }
.left.carousel-control,.right.carousel-control{ filter: none; }
/*product list*/
.block,.InnerBox{ float:left; margin:15px 0; width:100%;  padding:0; position: relative; }
.HomeTitle,.HomeFootTitle,.VinylTitle{ display: inline-block; width:100%; margin:0; border-bottom:2px solid #ddd; }
.HomeTitle h2,.HomeFootTitle h2,.VinylTitle h2{float:left;width:250px; margin:0 0 4px 0; font-size:32px; color:#61b400; text-transform: uppercase; }

.tabmenu{ display: block; padding:0; position: absolute; top:4px; right:0; }
.tabmenu ul{ list-style: none; }
.tabmenu li{float:left; display: inline-block; margin:0; padding:0; }
.tabmenu li a{ display: block; margin:5px 0; padding:0 16px; height: 23px; line-height: 23px; color:#402200; text-shadow: 0 1px 0 rgba(0,0,0,0.1); }
.tabmenu li a:hover,.tabmenu .cli a{ color:#fff; background:url(../images/tabon.png) top center no-repeat; }
#tabcontent,.homePro,.HomeShowCase{ float:left; width:100%; margin:0; padding:0; }
.hidden{ display: none; }
#tabcontent ul,.homePro ul{ list-style: none; width:100%; margin:8px 0 0; }
#tabcontent li,.homePro li{float:left; width:238px; *width:230px; border:6px solid #efecdb; display:block; margin:0 4px; overflow: hidden; }
#tabcontent li img,.homePro li img,.HomeShowCase li img{ width:100%; }
#tabcontent li:hover,.homePro li:hover{ border-color: #61b400; }
#tabcontent li:hover img,.homePro li:hover img{ transform: scale(1.18); transition:transform 1s ease 0s; }
.footer{ height: 330px; *margin-top:15px; }
.S-footer{height:90px;padding-top:15px; text-align: center;font-size:16px; line-height:1.6;}
.HomeFootTitle{  border:0; }
.HomeFootTitle h2{ text-align: left; color:#fff; }
.HomeShowCase ul{ width:100%; margin:0; *margin-top:10px; }
.HomeShowCase li{ float:left; width:190px;*width:180px; border:4px solid #fff; margin:0 4px; }
.HomeShowCase li img{ width:100%; height: 150px; }
.HomeShowCase li:hover{ border-color:#d0c1af; }
.HomeFoot{float:left; width:100%;  border-top:1px solid #57a100; margin:16px 0 0 ; padding:16px 0; }
/*about us*/
.position{float:left; width:98%; padding:0 1%; background: #efecdb; margin:15px 0; color:#483d21; height: 45px;font-size:15px; line-height: 45px;}
.position a{ color:#483d21; }
.InnerBox{ font-size:18px;  }
.InnerBox h1{ background: url(../images/zs.png) center no-repeat; text-align: center; font-size:36px; color:#483521; text-transform: uppercase; }
.InnerBox h1.zs{background: url(../images/zs2.png) center no-repeat;}
.text{  line-height: 2; }

.china ul{ background: url(../images/china.jpg) left center no-repeat; padding: 0 0 0 200px; margin:30px 0 0; }
.english ul{ background: url(../images/eng.jpg) left center no-repeat; padding: 0 0 0 200px; margin:50px 0 0; }
.china li,.english ul{ line-height: 2; }
.Add,.Tel,.Fax,.Email,.Web{ background: url(../images/icon.png) no-repeat; padding:0 0 0 25px; }
.Add{ background-position: 2px 12px; }
.Tel{ background-position: 2px -24px; }
.Fax{ background-position: 2px -60px; }
.Email{ background-position: 2px -96px; }
.Web{ background-position: 2px -132px; }
.Emap{ width:99%; padding:.9%;border:1px solid #ddd; float:left; margin:50px 0 0; }
.psInfor{ width:90%; margin:15px 5%; padding; line-height: 1.5; }
.feedback{}
.feedback ul{ list-style: none;  }
.feedback li{ display: block; margin:12px 0;  }
.feedback li span{ width:300px;margin-right:9px;line-height: 30px; color:#6d6952; text-align: right; display: inline-block; }
.feedback li input,.feedback li textarea{line-height: 30px; text-indent: 5px; border:1px solid #b5b2a0;}
.feedback li textarea{ vertical-align:text-top; }
.feedback li input:focus,.feedback li textarea:focus{ border:1px solid #6d6952; }
.nameInput{ width:510px; height: 30px;  }
.msgInput{ width:510px; height: 120px;  }
.codeInput{ width:120px; height: 30px;  }
.submit{ width: 160px; display: inline-block; border-radius: 8px; padding:0; text-transform: uppercase;  background:#efecdb; 
	color:#483521; line-height: 36px; margin:30px 0 0; border:0; }
.textCenter{ text-align: center; }
.feedback li i{ font-style: normal; font-size: 12px; color:#999; }
.category{float:left; width:998px; background-color: #f9f8f4; text-align: center; margin-bottom:50px; border:1px solid #efecdb; position: relative;  }
.category a{ margin:0 2px; padding:6px 14px; font-size: 18px; color:#483b21; line-height: 2.5; }
.category a:hover,.category .proOn{ background-color: #ded9bb; border-radius: 8px; }
.subPro{ position: absolute; top:42px; left: 0;  width:60%; margin:15px 20%; text-align: left;}
.subPro a{ color:#78724f; font-size:14px; margin:0 6px; line-height: 2px; }
.subPro a:hover{color:#61b400; background-color: #fff;}
.product{}
.product ul{ width:100%; margin:8px 0 0; }
.product li{float:left; width:240px; *width:230px; text-align: center; margin:0 5px; overflow: hidden;}
.product li img{ display: block; width:95%;  border:6px solid #efecdb;}
.product li a{display: inline-block; color:#78724f; font-size:18px; line-height: 2.5; }
.product li:hover img{ border:6px solid #61b400; }
.product li:hover a{ color:#61b400; }
.page{float:left; width:100%; margin:15px 0; text-align: center;}
.page a{ font-size:18px; color:#7e7a62; padding:4px 8px; margin:0 1px; }
.Detail{ float:left; width:100%; margin:0; text-align: center; }
.Detail h1{ font-size:30px; line-height: 2; }
.proImg{display: inline-block; width:800px; margin:14px 0; border:1px solid #dbd8c5; text-align: center; }
.proImg img{ height: 500px; }
.DetailTitle{text-align: left; width:100%; background:url(../images/arrow.png) left center no-repeat; padding:0 0 0 30px; font-size:30px; color:#59a600; }
.DetailText{text-align: left;margin:15px 0 15px 30px; line-height: 2; color:#888678;}
.Detail table{ width:75%; margin:15px 0 15px 30px; border:1px solid #ddd9c7; border-collapse: collapse; background-color: #f8f7f2; }
.Detail table td{ border:1px solid #ddd9c7;font-size:15px; color:#484221; line-height: 2.4; }
.showcase,.vinyl{float:left; width:100%; margin:0;}
.showcase ul,.vinyl ul{ margin:15px 0 0; }
.showcase li,.vinyl li{ width:180px; margin:0 7px; display:inline-block; line-height: 2.4; text-align: center; }
.showcase li img{padding:5px; border:1px solid #ddd; width:100%; height:150px;}

.layui-layer-imgbar{ bottom:18px;}
.layui-layer{ padding:10px 10px 60px 10px; border:1px solid #77766d; }
.layui-layer-photos .layui-layer-content{ overflow: visible; }
.layui-layer-photos{-webkit-animation-duration:0.2s;animation-duration:0.2s}
.layui-layer-imgbar{ background:none; height:40px; }
.layui-layer-imgtit a,.layui-layer-imgtit em{ font-size:18px; color:#77766d; }

.VinylTitle{margin-top:30px;border-bottom:1px solid #d3d0be;}
.VinylTitle h2{ color:#7e7a62; }
.vinyl li img{ padding:5px; border:1px solid #ddd; width:180px; height:180px;}